<style type="text/css">
.accountlist{
  background: #fff;
}
.accountlist li{
  padding:0.3rem 1rem;
  border-bottom: solid 1px #eeeeee;
}
.accountlist li h2,.accountlist li p{
  float:left;
}
.accountlist li h2{
  font-size: .7rem;
  line-height: 1rem;
  font-weight: normal;
  color: #333;
}
.accountlist li .green{
  background: #fff;
  color: #36B81E;
}
.accountlist li p{
  font-size: .6rem;
  line-height: 1rem;
}
.accountlist .wid60{
  width: 50%;
  overflow: hidden;
  white-space: normal;
  text-overflow:ellipsis;
}
.accountlist .wid20{
  width: 50%;
  text-align: right;
}
.accountlist .gray{
  color:#999;
}
</style> 
<ul class="accountlist">
  <li class="cf" ng-repeat="item in accountlist track by $index">
      <h2 class="wid60">{{item.content}}</h2>
      <p class="gray wid20">{{item.createTime}}</p>
      <p class="wid60 gray">账户余额￥{{item.balance}}</p>
      <h2 class="wid20" ng-class="{'green':item.amount>0}"><span ng-if="item.amount<0">-</span><span ng-if="item.amount>0">+</span>￥{{item.amount}}</h2>
  </li>
</ul>       